<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cyxmall登录</title>
    <link rel="stylesheet" href="css/register.css">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <script src="layui/layui.js"></script>
    <script src="js/login.js"></script>
    <link rel="shortcut icon" href="images/favicon.ico">
</head>
<body>
<!--head start-->
    <div id="register" class="register-content layui-container">
      <div class="logo">
          <a href="/static/index.html"><img src="images/logo.ico" alt=""></a>
          <div class="ad">
              <div class="title">用科技</div>
              <span class="comment">让世界更近一步</span>
          </div>
      </div>
      <div class="formlable" style="margin-top: 150px">
        <form class="layui-form" action="" method="post">
          <h1>&emsp;欢迎登录</h1>
          <span class="login">&emsp;&emsp;没有账号？ <a href="register.html" >注册&gt;</a></span>
          <br>
          <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-inline">
              <input type="text" name="email" placeholder="请输入邮箱账号" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">密 码</label>
            <div class="layui-input-inline">
              <input type="password" name="password" required lay-verify="pass" placeholder="请输入6-12位密码" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">验证码</label>
            <div class="layui-input-inline">
              <input type="text" name="verify_code" required lay-verify="verify" placeholder="请输入验证码" autocomplete="off" class="layui-input code">
              <div class="code">
                <img src=" " class="img_code" id="img_verify" alt="图片验证码">
                <span><a href="">看不清 换一张</a></span>
              </div>
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn" lay-submit lay-filter="login">立即登录</button>
              <button type="reset" class="layui-btn layui-btn-normal">重置</button>
            </div>
          </div>
          <div class="content">阅读并接受
            <a href="#">《用户协议》</a>
            <span>及</span>
            <a href="#">《隐私保护声明》</a>
          </div>
          <div class="other">
            <h4>&lt;其它方式登录&gt;</h4>
            <a href=""><i class="layui-icon layui-icon-login-wechat"></i></a>
             <a href=""><i class="layui-icon layui-icon-login-qq"></i></a>
             <a href=""><i class="layui-icon layui-icon-login-weibo"></i></a>
          </div>
        </form>
      </div>
    </div>
<!--head end-->

<!--foot start-->
    <div id="foot" style="margin-top: 400px">
        <hr>
        <div class="foot1-content layui-container">
            <span class="layui-breadcrumb" lay-separator="|">
              <a href="">我的商城</a>
              <a href="">天猫商城</a>
              <a href="">聚划算</a>
              <a href="">全球通卖通</a>
              <a href="">国际交易市场</a>
              <a href="">商城游戏</a>
              <a href="">小铺子</a>
              <a href="">淘宝网</a>
              <a href="">京东商城</a>
              <a href="">高德地图</a>
            </span>
            <hr class="layui-border-orange">
            <span class="layui-breadcrumb" lay-separator="|">
              <a href="">关于商城</a>
              <a href="">营销中心</a>
              <a href="">联系客服</a>
              <a href="">法律声明</a>
              <a href="">联系我</a>
              <i class="layui-icon layui-icon-login-wechat"></i>
            </span>
        </div>
        <hr>
        <div class="foot2-content layui-container">
            <span>版权声明 &copy; 2021-现在 辰雨轩 版权所有</span>
        </div>
    </div>
<!--foot end-->
</body>
</html>